<div class="xl12 xm4">
    <!--小飞机-->
    <div class="plane">
        <div class="wings">
            <div class="fan">
                <div class="fan-wings">
                    <div class="fan-a"></div>
                    <div class="fan-b"></div>
                    <div class="fan-c"></div>
                    <div class="fan-d"></div>
                </div>
            </div>
            <div class="cat">
                <div class="legs"></div>
            </div>
        </div>
        <div class="wheel">
            <div class="left"></div>
            <div class="right"></div>
        </div>
    </div>

    <br />
    <br />
	<div class="padding-big login-card">
        <center>

            <if condition="$uid neq '' ">
                <img class="ring-hover" src="{$uid|getAvatar}" width="100" height="100" class="img-border radius-circle" /><br />
                <h5>{$uid|getUsername}</h5><br />
                <a href="{:U('User/logout')}"><button class="button border-main">安全退出</button></a>
            <else />
                <h3 class=""><span class="icon-user"></span> 用户登录</h3>
                <br />
                <form action="{:U('User/login')}" method="post" class="form-x form-auto">
                    <div class="form-group">
                        <div class="label">
                            <label for="username">
                                用户名</label>
                        </div>
                        <div class="field">
                            <input type="text" class="input input-auto" id="username" name="username" size="30" data-validate="required:必填" placeholder="手机/邮箱/账号" />
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="label">
                            <label for="detail">
                                密&nbsp;&nbsp;码</label>
                        </div>
                        <div class="field">
                            <input type="password" class="input input-auto" id="password" name="password" size="30" data-validate="required:必填" placeholder="密码" />
                        </div>
                    </div>
                    <div class="form-button">
                        <button class="button border-main" type="submit">
                            登录</button>&nbsp;&nbsp;
                        <a class="button border-main" href="{:U('User/register')}">注册</a>&nbsp;&nbsp;

                        <if condition="$qqname eq '' ">
                            <a class="button border-main bg" href="{:U('Base/loginQq')}"><img height="20px" src="__PUBLIC__/Home/images/qq.png" /> QQ登录</a>
                            <else />
                            <div class="button-group">
                                <button type="button" class="button">
                                    <img height="20px" src="__PUBLIC__/Home/images/qq.png" />  {$qqname} </button>
                                <button type="button" class="button dropdown-toggle">
                                    <span class="downward"></span>
                                </button>
                                <ul class="drop-menu">
                                    <li><a href="{:U('Base/out')}">退出登录</a> </li>
                                </ul>
                            </div>
                        </if>

                    </div>
                </form>
            </if>

        </center>
    </div>
	<br />
	<div class="padding-big tag-card">
		<h3><span class="icon-wrench"></span> 我的标签</h3>
		<h4>
			<div class="tag-ul">
                <volist name="tag" id="v" empty="暂时没有标签">
                	
                    <if condition="$v['a_id'] % 6 ==1">
                        <a class="button button-little bg-main" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==2">
                        <a class="button button-little bg-sub" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==3">
                        <a class="button button-little bg-red" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==4">
                        <a class="button button-little bg-yellow" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==5">
                        <a class="button button-little bg-blue" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                    <if condition="$v['a_id'] % 6 ==0">
                        <a class="button button-little bg-green" href="{:U('Article/index',array('a_id'=>$v['a_id']))}">{$v.a_keyword}</a>
                    </if>
                </volist>
            </div>			
		</h4>
	</div>
    <br />
    <div class="title-card">
        <h2 class="bg-main text-white padding ti_left">推荐文章</h2>
        <div class="padding-big bg">
            <ul class="list-media list-underline">
                <volist name="s_article" id="vo">
                    <li>
                        <div class="media media-x img-small">
                            <a class="float-left" href="{:U('Article/index',array('a_id'=>$vo['a_id']))}"><img src="__ROOT__/Uploads/{$vo.photo|default='default.jpg'}" class="radius "></a>
                            <div class="media-body">
                                <strong>{$vo.a_title|strip_tags|mb_substr=0,16,'utf-8'}...</strong>{$vo.a_remark|strip_tags|mb_substr=0,35,'utf-8'}...
                                <a class="button button-little border-red swing-hover" href="{:U('Article/index',array('a_id'=>$vo['a_id']))}">查看详情</a>
                            </div>
                        </div>
                    </li>
                </volist>
            </ul>
        </div>
    </div>
	<br />
	<div class="tab *border-main" data-toggle="hover" style="height: 470px;">
		<div class="tab-head">
			<ul class="tab-nav">
				<li class="active"><a href="#tab-start2">最新留言</a> </li>
				<li><a href="#tab-css2">最新评论</a> </li>
				<li><a href="#tab-units2">最多点击</a> </li>
			</ul>
		</div>
		<div class="tab-body message-card">
			<div class="tab-panel active" id="tab-start2">				
				<volist name="Liuyan" id="vo">
					<div class="panel-group" style="border-top: solid 0px #ddd;">
						<div class="media media-x">
							<a class="float-left" href="{:U('Liuyan/index')}">
								<img src="{$vo.photo}" class="radius-circle" width="60px" height="60px">
							</a>
							<div class="media-body">
								<strong><span class="icon-paper-plane"></span>  {$vo.username}</strong>
								<span class="tag bg-dot">{$vo.from}</span> {$vo.content}
							</div>
						</div>
					</div>
				</volist>								
			</div>
			<div class="tab-panel" id="tab-css2">
                <volist name="comment" id="vo">
                    <div class="panel-group" style="border-top: solid 0px #ddd;">
                        <div class="media media-x">
                            <a class="float-left" href="{:U('Article/index',array('a_id'=>$vo['cid']))}">
                                <img src="{$vo.picture}" class="radius-circle" width="60px" height="60px">
                            </a>
                            <div class="media-body">
                                <strong><span class="icon-paper-plane"></span>  {$vo.username}</strong>
                                <!--<span class="tag bg-dot">{$vo.comment}</span>--> {$vo.comment|strip_tags|mb_substr=0,16,'utf-8'}...
                                <a class="button button-little border-red swing-hover" href="{:U('Article/index',array('a_id'=>$vo['cid']))}">查看详情</a>
                            </div>
                        </div>
                    </div>
                </volist>
            </div>
			<div class="tab-panel" id="tab-units2">
                <ul class="list-media list-underline">
                    <volist name="top_view_article" id="vo">
                        <li>
                            <div class="media media-x img-small">
                                <a class="float-left" href="{:U('Article/index',array('a_id'=>$vo['a_id']))}"><img src="__ROOT__/Uploads/{$vo.photo|default='deault.jpg'}" class="radius"></a>
                                <div class="media-body">
                                    <strong>{$vo.a_title|strip_tags|mb_substr=0,16,'utf-8'}...</strong>{$vo.a_remark|strip_tags|mb_substr=0,35,'utf-8'}...
                                    <a class="button button-little border-red swing-hover" href="{:U('Article/index',array('a_id'=>$vo['a_id']))}">查看详情</a>
                                </div>
                            </div>
                        </li>
                    </volist>
                </ul>
			</div>
		</div>
	</div>

	<div class="padding-big friend-card">
		<h3><span class="icon-retweet"></span> 友情链接</h3>
		<br />
		<div class="links">
			<volist name="link" id="vo">
				<a href="{$vo.url}" target="_blank" class="button border-main radius-rounded" role="button">{$vo.name}</a>&nbsp;
			</volist>
		</div>
	</div>
	<br />
	<br />
	
</div>
	<script>
	
		$(function(){
		    $('#download').click(function(){
		    	var node ="{$qqname}";

		    	if( node =='' || node == null){ 
					layer.alert("请您使用QQ登录后下载!",{icon: 2,}); 
					return false;
				}

				 return true;
		    });		    
		})

	</script>